<!-- 前台店长 – 首页 – 代约课 – 约课详情 – 1		Lesson	 -->
<template>
	<view class="warps">
		<view class="senter">
			<image style="width: 686rpx;height: 352rpx;" src="../../../../static/img/074.png" mode=""></image>
		</view>
		<view class="w90">
			<view>
				<text class="fs32 bold">课程名称课程名称课程名称课程名称</text>
			</view>
			<view class="p_t_20">
				<text class="fs24 hui">教练：教练名称</text>
			</view>
			<view class="quanxian m_t_80"></view>
			<view class="m_t_60">
				<view class="f b c p_t_40">
					<view>
						<text class="fs30 bold">预约时间：</text>
					</view>
					<view class="flexR aic">
						<view class="mr50" @click="show=true">选择时间</view>
						<image 	class="" style="width:24rpx;height: 24rpx;" src="../../../../static/img/028.png" mode=""></image>
					</view>
					<u-picker mode="time" v-model="show" @confirm="tom"></u-picker>
				</view>
				<view class="f b c p_t_40">
					<view>
						<text class="fs30 bold">是否会员：</text>
					</view>
					<view class="flexR aic">
					<text class="mr50">选择</text>
					<image 	class="" style="width:24rpx;height: 24rpx;" src="../../../../static/img/028.png" mode=""></image>
					</view>
				</view>
				<view class="f b c p_t_40">
					<view>
						<text class="fs30 bold">选择会员：</text>
					</view>
					<view class="flexR aic">
					<text class="mr50" >选择约课会员</text>
					<image 	class="" style="width:24rpx;height: 24rpx;" src="../../../../static/img/028.png" mode=""></image>
					</view>
				</view>	
				<view class="f b c p_t_40">
					<view>
						<text class="fs30 bold">选择会员：</text>
					</view>
					<view class="flexR aic">
					<text class="mr50" >选择教练</text>
					<image 	class="" style="width:24rpx;height: 24rpx;" src="../../../../static/img/028.png" mode=""></image>
					</view>
				</view>
				<view class="f b c p_t_40">
					<view>
						<text class="fs30 bold">选择会员：</text>
					</view>
					<view class="flexR aic">
					<text class="mr50" >选择班级</text>
					<image 	class="" style="width:24rpx;height: 24rpx;" src="../../../../static/img/028.png" mode=""></image>
					</view>
				</view>
			</view>
			<view class="Lesson-but" @click="show1 = true">
				<button type="default">确认并通知学员</button>
			</view>
		</view>
		<view>
			<view class="Lesson-tan" v-show="show1">
				<view class="vw60 f b c mars p_t_80">
					<view class="f d c">
						<image style="width: 76rpx;height: 76rpx;" src="../../../../static/img/106.png" mode=""></image>
						<text class="p_t_20">微信</text>
					</view>
					<view class="f d c">
						<image style="width: 76rpx;height: 76rpx;" src="../../../../static/img/107.png" mode=""></image>
						<text class="p_t_20">短信</text>
					</view>
				</view>
				<view class="quanxian m_t_40"></view>
				<view class="senter p_t_20" @click="show1 = false">
					<text>取消</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				arr:'选择时间',
				show:false,
				show1:false,
				params: {
					year: true,
					month: true,
					day: true,
					hour: true,
					minute: true,
					second: true
				}
			}
		},
		onLoad() {
			// 动态导航条文字
			uni.setNavigationBarTitle({
				title: '课程详情'
			})
		},
		methods: {
			ao(){
				uni.navigateTo({
					url:"../student/student"
				})
			},
			tom(e){
				console.log(e);
				this.arr = e.year +'-'+ e.month+'-'+e.day
			}
		}
	}
</script>

<style scoped>
	.cover {
		position: fixed;
		top: 0;
		width: 100%;
		height: 100vh;
		background: #000000;
		opacity: 0.6;
		z-index: 10;
	}
	.Lesson-tan{
		width: 750rpx;
		height: 340rpx;
		opacity: 1;
		background: #ffffff;
		z-index:99;
		position:absolute;
		bottom:0;
	}
	.warps {
		/* height: 200vh; */
		overflow: hidden;
		background-color: #fff;
	}
	.ipts{
		font-size: 28rpx;
		color: #666666;
	}
	.Lesson-but{
		margin:0 auto;
		margin-top:84rpx;
	}
	.Lesson-but>button{
		width: 280rpx;
		height: 66rpx;
		line-height:66rpx;
		opacity: 1;
		background: #1f73f2;
		border-radius: 8rpx;
		font-size: 24rpx;
		color: #ffffff;
	}
</style>

